<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="container">
        <!-- name 属性值用来将单选框分组，属性值相同将会被分为一组 -->
        <input type="radio" name="option" id="option1" checked>
        <label for="option1">25%</label>
        <input type="radio" name="option" id="option2">
        <label for="option2">50%</label>
        <input type="radio" name="option" id="option3">
        <label for="option3">75%</label>
        <input type="radio" name="option" id="option4">
        <label for="option4">100%</label>
        <div class="pie"></div>
    </div>
</body>
</html>
